<ion-content>
  <ion-slides pager="true" [options]="slideOpts">
    <ion-slide>
      <img src="../../assets/image/banner_01.png">
    </ion-slide>
    <ion-slide>
      <img src="../../assets/image/banner_01.png">
    </ion-slide>
    <ion-slide>
      <img src="../../assets/image/banner_01.png">
    </ion-slide>
  </ion-slides>
<ion-grid class="home-grid">
<ion-row class="home-row">
  <ion-col size='3'><img src="../../assets/image/ic_card.png" class="icon-img" routerLink="/transaction/online"><p>出生公证</p></ion-col>
  <ion-col size='3'><img src="../../assets/image/ic_relatives.png" class="icon-img" routerLink="/transaction/online"><p>亲属关系公证</p></ion-col>
  <ion-col size='3'><img src="../../assets/image/ic_married.png" class="icon-img" routerLink="/transaction/online"><p>结婚公证</p></ion-col>
  <ion-col size='3'><img src="../../assets/image/ic_criminal.png" class="icon-img" routerLink="/transaction/online"><p>无犯罪记录公证</p></ion-col>
</ion-row>
<ion-row class="home-row">
  <ion-col size='3'><img src="../../assets/image/ycgz.png" class="icon-img" routerLink="/transaction/online"><p>智能上传文件</p></ion-col>
  <ion-col><img src="../../assets/image/ic_married.png" class="icon-img" routerLink="/transaction/online"><p>驾驶本公证</p></ion-col>
  <ion-col><img src="../../assets/image/ic_criminal.png" class="icon-img" routerLink="/transaction/online"><p>身份证公证</p></ion-col>
  <ion-col><img src="../../assets/image/ic_more.png" class="icon-img" routerLink="/transaction/online"><p>更多</p></ion-col>
</ion-row>
</ion-grid>

<ion-list lines='none' class="home-list">
  <ion-item *ngFor="let item of newlist;let i = index " class="list-item" (click)="toDetails(item.title,item.time,i)">
    <div class="list-new">
      <p>{{item.title}}</p>
      <p>{{item.time}}</p>
    </div>
    <img src="{{item.img}}" class="list-img">
  </ion-item>
</ion-list>
</ion-content>
